/* 
自定义指令
*/
import Vue from 'vue'

// 全局自定义指令: 向标签中插入全大写的文本
/* 
el: 指令属性所在的元素
binding: 包含指令相关数据的对象
	value: 指令属性表达式的值
*/
Vue.directive('upper-text', (el, binding) => {
  console.log('upper-text', binding)
  // 向标签中插入全大写的文本
  el.innerText = binding.value.toUpperCase()
})

Vue.directive('lower-text', {
  // 初始执行一次
  bind (el, binding) {
    console.log('lower-text bind')
    el.innerText = binding.value.toLowerCase()
  },
  // 更新数据时再次执行
  update (el, binding) {
    console.log('lower-text update')
    el.innerText = binding.value.toLowerCase()
  },
})